<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <meta charset="utf-8">
        <title>ladybird - 全球票务总代理</title>
        <jsp:include page="top-link.jsp"></jsp:include>
        <link rel="shortcut icon" href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/favicon.ico" type="image/x-icon">
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/index.css"/>
        <link rel="stylesheet" type="text/css"
              href="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/css/orderInfo.css"/>
    </head>
    <body>
        <%--        头部导航栏--%>
        <%@include file="top-nav.jsp" %>
        <!--订单详情begin-->

        <div class="layui-container G">
            <div class="layui-row">

                <div class="layui-col-md11 F">

                    <div class="layui-col-md6">
                        <div class="layui-col-md12">
                            <span>待付款</span>
                        </div>

                        <div class="layui-col-md12">

                            <div id="timer"></div>

                        </div>
                    </div>

                    <div class="layui-col-md6">
                        <span style="float: right">需付款：￥480.00 &nbsp</span>
                    </div>
                </div>

                <div class="layui-col-md1">
                    <div class="layui-col-md12  E">
                        <a href="">立即付款</a>
                    </div>
                    <br>
                    <br>
                    <div class="layui-col-md12 E">
                        <a href="">取消订单</a>
                    </div>
                </div>

                <div class="layui-col-md12">
                    <table class="layui-table">
                        <colgroup>
                            <col width="150">
                            <col width="200">
                            <col>
                        </colgroup>
                        <thead>
                            <tr>
                                <th>订单编号</th>
                                <th>项目信息</th>
                                <th>座位信息</th>
                                <th>单价</th>
                                <th>数量</th>
                                <th>小计</th>
                                <th>发票信息</th>
                            </tr>
                        </thead>
                        <tbody>
                            <tr>
                                <td>1208695008575739099</td>
                                <td>2020成都草莓音乐嘉年华</td>
                                <td>1排13号</td>
                                <td>480.00</td>
                                <td>1</td>
                                <td>480.00</td>
                                <td>电子票</td>
                            </tr>
                        </tbody>
                    </table>
                </div>
            </div>
        </div>
        <!--订单详情end-->

        <!-- 尾部导航 -->
        <%@include file="foot-nav.jsp" %>

        <script src="https://oos.icanci.cn/app/static/webapps/ladybird-web-static/user/layui/layui.js"></script>

        <script type="text/javascript">
            layui.use('element', function () {
                var element = layui.element;

            });
            var oBox = document.getElementById('timer');
            var maxtime = 15 * 60;

            function CountDown() {
                if (maxtime >= 0) {
                    minutes = Math.floor(maxtime / 60);
                    seconds = Math.floor(maxtime % 60);
                    msg = "支付剩余时间:" + minutes + "分" + seconds + "秒";
                    oBox.innerHTML = msg;
                    if (maxtime == 15 * 60) alert("还剩15分钟");
                    --maxtime;
                } else {
                    clearInterval(timer);
                    alert("时间到，结束!");
                }
            }

            timer = setInterval("CountDown()", 1000);
        </script>
    </body>
</html>
